<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
  <title>JSP - Hello World</title>
  <link type="text/css" rel="stylesheet" href="css/style.css" />
  <link type="text/css" rel="stylesheet" href="css/animate.css" />
  <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
  <script type="text/javascript" src="js/banner.js"></script>
  <script type="text/javascript" src="js/wow.min.js"></script>
  <script type="text/javascript" src="js/clickNum.js"></script>
  <script type="text/javascript">
    new WOW().init();

  </script>
</head>
<body>

<c:import var="data" url="CarouselServlet"/>
<c:import var="data" url="NoticeServlet"/>
<c:import var="data" url="ProductServlet"/>
<c:import var="data" url="NewsServlet"/>
<c:import var="data" url="ClassificationServlet"/>

<div class="header">
  <div class="main">
    <a href="index.jsp"><img src="images/logo.png" /></a>
  </div>
</div>
<div class="clear"></div>
<div class="nav">
  <ul>
    <li><a href="index.jsp">首页</a></li>
    <li><a href="about.jsp">关于我们</a></li>
    <li><a href="product.jsp">产品展示</a></li>
    <li><a href="news.jsp">行业动态</a></li>
    <li><a href="book.jsp">我要留言</a></li>
    <li><a href="contact.jsp">联系我们</a></li>
  </ul>
</div>
<div class="clear"></div>
<div class="banner">
  <div class="b-img">
    <c:forEach items="${carouselList}" var="carousel">
      <img src="${carousel.getImg()}" width="100%"/>
    </c:forEach>
<%--    <img src="images/banner.jpg" width="100%"/>--%>
<%--    <img src="images/banner.jpg" width="100%" />--%>
  </div>
  <div class="clear"></div>
  <div class="b-list"> </div>
</div>
<div class="clear"></div>
<div class="wow fadeInUp noticeBox">
  <div class="main">
    <img src="images/notice.png" />
    <div class="tit">最新公告：</div>
    <div class="gg">
      <marquee>
<%--        <p>因为专注 所以专业 因为专注 所以专业 因为专注 所以专业 因为专注 所以专业 因为专注 所以专业 因为专注 所以专业  </p>--%>
        <p>${notice.getContent()}</p>
      </marquee>
    </div>
  </div>
</div>
<div class="clear"></div>
<div class="wow fadeInRight part1" data-wow-offset="10">
  <ul>

    <c:forEach items="${productList}" var="product">
          <li>
            <a href="javascript:void(0)" onclick="PClickadd(${product.getId()})"><img src="${product.getImg()}" /></a>
            <p>${product.getSname()}</p>
          </li>
    </c:forEach>
<%--    <li>--%>
<%--      <a href="product_xq.jsp"><img src="images/product_1.jpg" /></a>--%>
<%--      <p>红梅展示</p>--%>
<%--    </li>--%>
<%--    <li>--%>
<%--      <a href="product_xq.jsp"><img src="images/product_2.jpg" /></a>--%>
<%--      <p>雪松展示</p>--%>
<%--    </li>--%>
<%--    <li>--%>
<%--      <a href="product_xq.jsp"><img src="images/product_3.jpg" /></a>--%>
<%--      <p>小鸟展示</p>--%>
<%--    </li>--%>
<%--    <li>--%>
<%--      <a href="product_xq.jsp"><img src="images/product_4.png" /></a>--%>
<%--      <p>黑狐展示</p>--%>
<%--    </li>--%>
<%--    <li>--%>
<%--      <a href="product_xq.jsp"><img src="images/product_5.png" /></a>--%>
<%--      <p>竹子展示</p>--%>
<%--    </li>--%>
  </ul>
</div>
<div class="clear"></div>
<div class="wow fadeInLeft part2">
  <div class="contitbox">
    <label>关于我们</label>
    <a href="about.jsp">更多</a>
  </div>
  <div class="aboutBox">
    <div class="L"><img src="images/1.jpg" /></div>
    <div class="R">书画是绘画和书法的统称。画，是人们生活中创造的结晶，画的起源久远，有着丰富的意思。"画中有诗，诗中有画"，中国古代，诗与画分不开。画的作品也体现了作者的情感和思想，画中常常包含着艺术家强烈的思想感情，因此艺术也深深地孕育在画中。书，一说是书法，也就是俗话说的所谓的字，另一种观点则认为书是指文化内涵。由此可知，书画是指绘画和书法，也可以理解为具有文化内涵的绘画。</div>
  </div>
</div>
<div class="clear"></div>
<div class="wow fadeInUp part3">
  <div class="contitbox">
    <label>精品案例</label>
    <a href="product.jsp">更多</a>
  </div>
  <ul>
    <c:forEach items="${productList1}" var="product">
      <li>
        <div class="pro">
          <a href="javascript:void(0)" onclick="PClickadd(${product.getId()})"><img src="${product.getImg()}" /></a>
        </div>
        <a href="javascript:void(0)" onclick="PClickadd(${product.getId()})"><p class="ccsl">${product.getSname()}</p></a>
      </li>
    </c:forEach>

  </ul>
</div>
<div class="clear"></div>
<div class="main">
  <div class="wow fadeInLeft part4 bg">
    <div class="contitbox">
      <label>最新资讯</label>
      <a href="news.jsp">更多</a>
    </div>
    <ul>
      <c:forEach items="${newsList}" var="news">
        <li>
          <a href="javascript:void(0)" onclick="Clickadd(${news.getId()})" class="ccsl"> ${news.getTitle()}</a>
        </li>
      </c:forEach>
<%--      <li><a href="detail.jsp" class="ccsl"> > 字画装裱需要注意什么细节问题?</a></li>--%>
<%--      <li><a href="detail.jsp" class="ccsl"> > 书画装裱后更应妥善保存，存放在地上要考虑防潮?</a></li>--%>
<%--      <li><a href="detail.jsp" class="ccsl"> > 字画装裱机的选择需要注意那几点呢？</a></li>--%>
<%--      <li><a href="detail.jsp" class="ccsl"> > 保管已经破损的古旧字画更要谨慎?</a></li>--%>
<%--      <li><a href="detail.jsp" class="ccsl"> > 展示手绢，册页时要倍加注意?</a></li>--%>
    </ul>
  </div>
  <div class="wow fadeInRight part4">
    <div class="contitbox">
      <label>行业动态</label>
      <a href="news.jsp">更多</a>
    </div>
    <ul>
      <c:forEach items="${newsList1}" var="news">
        <li>
          <a href="javascript:void(0)" onclick="Clickadd(${news.getId()})" class="ccsl"> ${news.getTitle()}</a>
        </li>
      </c:forEach>
<%--      <li><a href="detail.jsp" class="ccsl"> > 字画装裱需要注意什么细节问题?</a></li>--%>
<%--      <li><a href="detail.jsp" class="ccsl"> > 展示手绢，册页时要倍加注意?</a></li>--%>
<%--      <li><a href="detail.jsp" class="ccsl"> > 书画装裱后更应妥善保存，存放在地上要考虑防潮?</a></li>--%>
<%--      <li><a href="detail.jsp" class="ccsl"> > 保管已经破损的古旧字画更要谨慎?</a></li>--%>
<%--      <li><a href="detail.jsp" class="ccsl"> > 字画装裱机的选择需要注意那几点呢？</a></li>--%>
    </ul>
  </div>
</div>
<div class="clear"></div>
<div class="wow fadeInUp part5" data-wow-offset="10">
  <div class="contitbox">
    <label>精品案例</label>
    <a href="product.jsp">更多</a>
  </div>
  <ul>
    <c:forEach items="${productList2}" var="product">
      <li>
        <a href="javascript:void(0)" onclick="PClickadd(${product.getId()})">
          <img src="${product.getImg()}" />
          <p>${product.getSname()}</p>
        </a>
      </li>
    </c:forEach>
<%--    <li>--%>
<%--      <a href="product_xq.jsp">--%>
<%--        <img src="images/1.jpg" />--%>
<%--        <p>精品案例</p>--%>
<%--      </a>--%>
<%--    </li>--%>
<%--    <li>--%>
<%--      <a href="product_xq.jsp">--%>
<%--        <img src="images/1.jpg" />--%>
<%--        <p>精品案例</p>--%>
<%--      </a>--%>
<%--    </li>--%>
<%--    <li>--%>
<%--      <a href="product_xq.jsp">--%>
<%--        <img src="images/1.jpg" />--%>
<%--        <p>精品案例</p>--%>
<%--      </a>--%>
<%--    </li>--%>
<%--    <li>--%>
<%--      <a href="product_xq.jsp">--%>
<%--        <img src="images/1.jpg" />--%>
<%--        <p>精品案例</p>--%>
<%--      </a>--%>
<%--    </li>--%>
  </ul>
</div>
<div class="clear"></div>
<div class="linksbox">
  <div class="tit">友情链接：</div>
  <div class="con">
    <a href="javascript:void()">**建站</a>
  </div>
</div>
<div class="clear"></div>
<div class="footerBox">
  <div class="main">
    <div class="footL">
      <div class="tit">联系我们</div>
      <ul>
        <li class="f1">手 机：12345678910</li>
        <li class="f2">电 话：77000000</li>
        <li class="f3">邮箱：10000@qq.com</li>
        <li class="f4">地 址：银河系太阳系帝王星华夏民族</li>
      </ul>
    </div>
    <div class="footR">
      <div class="telbox">
        <div class="tel">
          <span>999666888</span>
          <b><p>欢迎来电咨询</p></b>
        </div>
      </div>
      <div class="footer">
        <div>水墨画有限公司<br />联系方式：12345678910<br />地 址：河银河系太阳系帝王星华夏民族 </div>
      </div>
    </div>
  </div>
</div>
<div class="clear"></div>
<div class="fnav">
  <div class="main">
    <a href="index.jsp">首页</a>
    <a href="about.jsp">关于我们</a>
    <a href="product.jsp">产品展示</a>
    <a href="news.jsp">行业动态</a>
    <a href="book.jsp">我要留言</a>
    <a href="contact.jsp">联系我们</a>
  </div>
</div>
</body>
</html>